<script setup>
import { ref } from "vue";

const data=ref("E1006")
const week=[{
  value:"Monday",
  label:"周一"
},
{
  value:"Tuesday",
  label:"周二"
},
{
  value:"Wednesday",
  label:"周三"
},
{
  value:"Thursday",
  label:"周四"
},
{
  value:"Friday",
  label:"周五"
},
{
  value:"Saturday",
  label:"周六"
},
{
  value:"Sunday",
  label:"周天"
}]
</script>
<template>
<el-row style="background-color: white;margin: 40px 10px 0px;border:mintcream;">
    <el-col :span="24">
      <h3>填写设备维修信息</h3>
    </el-col>
    <el-row class="row2">
      <el-form style="margin-left: 200px;">
        <el-form-item label="维护设备编号">
          <span>{{ data }}</span>
        </el-form-item>
        <el-form-item label="日维护计划">
          <li>
            <input type="radio" name="n1" value="true">是
            <input type="radio" name="n1" value="false">否
          </li>
        </el-form-item>
        <el-form-item>
          <el-time-picker></el-time-picker>至<el-time-picker></el-time-picker>
        </el-form-item>
        <el-form-item label="周维护计划">
          <li>
            <input type="radio" name="n2" value="true">是
            <input type="radio" name="n2" value="false">否
          </li>
        </el-form-item>
        <el-form-item>
          <el-select>
            <el-option
            :v-for="(item in week)"
            :key="item.value"
            :label="item.label"
            :value="item.value"></el-option>
          </el-select><el-time-picker></el-time-picker>至
          <el-option
            :v-for="(item in week)"
            :key="item.value"
            :label="item.label"
            :value="item.value"></el-option><el-time-picker></el-time-picker>
        </el-form-item>
        <el-form-item label="历史维修信息">
          {{msg}}
        </el-form-item>
        <el-form-item label="维修信息">
          <textarea v-model="msg1" style="height: 100px; width: 500px;" placeholder="在此初填写您本次的维修信息"></textarea>
        </el-form-item>
        <el-form-item>
          <el-button>开始维修任务</el-button>
          <el-button>保存维修信息</el-button>
          <el-button>返回</el-button>
          <el-button>完成维修任务</el-button>
        </el-form-item>

      </el-form>

    </el-row>
  </el-row>
</template>
<style scoped>
li {
  list-style: none;
}
</style>